extends ../layout

block css
    link(rel='stylesheet', href='/css/base/ck_base.css', media='screen')
    link(rel='stylesheet', href='/css/shoppingCart/ck_pay.css', media='screen')
block js
    script(src='/js/jquery-1.8.0.min.js')
    script(src='/js/html5.js')
    script(src='/js/jquery.common.js')
    script(src='/js/user/util.js')
    script(src='/js/user/cart.js')
block content

    .pageContainer.pt20.mb20
      // =S shopping_car
      .shopping_car
        .pay_title 我的购物车
        .tabBox_order
          if list
            if list.length
              table.mcTab.l-1(cellspacing='0')
                colgroup
                  col(width='88')
                  col(width='500')
                  col(width='200')
                  col(width='200')
                  col(width='200')
                thead
                  tr
                    th
                      label.ml30
                        input#checkall1.mr5(type='checkbox', checked='checked')
                        | 全选
                    th
                      span.pl20 课程
                    th
                      span 课时
                    th
                      span 价格
                    th
                      span 操作
                tbody
                  tr
                    td.tc-td(colspan='5')
                      table.l-2(cellpadding='0', cellspacing='0')
                        colgroup
                          col(width='88')
                          col(width='500')
                          col(width='200')
                          col(width='200')
                          col(width='200')
                        tbody
                            each val in list
                              tr(id='trContent_#{val.id}')
                                td
                                  input.ml30(type='checkbox', aid='#{val.id}', checked='checked', error='0', sid='1032537')
                                td
                                  .clearfix.pl20
                                    .pic
                                      a(href='/course/detail/#{val.id}', target='_blank')
                                        img(width='90', height='68', alt='', src='#{val.img}')
                                    .c_name
                                      a(href='/course/detail/#{val.id}', target='_blank') #{val.title}
                                td
                                  span #{val.times}课时
                                td
                                  .sc-money
                                    | ￥
                                    i(id='real_cost_#{val.id}') #{val.price}
                                  s.clear
                                td
                                  a.deleteCart(href='javascript:;', aid='#{val.id}') 删除
            else
              p(style="background-color:#FFF;border-bottom:1px solid #CCC;color:#999;font-family:'microsoft yahei';font-size:16px;padding:110px 0;text-align:center;")
                | 购物车内暂时没有课程，
                a(href='/') 去首页
                |  挑选课程
      // =S shopping_car
      if list
        if list.length
          .sc-bot.clearfix
            .left-part
              input#checkall2.mr5(type='checkbox', checked='checked')
              | 全选
              a.ml25.batch_del(href='javascript:;') 删除
            .right-part.clearfix
              .sc-count.clearfix
                .fl.mr30.pt20
                  | 共
                  i#course_count.c_ff7f #{list.length}
                  | 个课程
                .fl(style='margin-top: 15px')
                  p
                    | 合计：
                    span.f20.c_ff7f
                      | ￥
                      i#total_cost 

              a#postBtn.btn-js(href='javascript:;') 结算

